<template>
  <div>
       <ComDetail :data="data" 
       :schema="baseSchema"
        ></ComDetail>

       <ComDetail :data="data" 
       class="mt20"
       title="基本数据类型"
       :schema="fromSchema"
        ></ComDetail>

  </div>
</template>

<script setup lang="tsx">
import {ref,reactive,defineEmits, onMounted } from 'vue';
import {
  baseSchema as base
} from '/@ts/defaultValue/detail';
/*
基本数据类型
引用数据类型（复杂类型） 个人建议 ref初始化变量 
ref 和 reactive 本质我们可以简单的理解为ref是对reactive的二次包装, 
ref定义的数据访问的时候要多一个.value
*/

 const state = reactive({
 })
const fromSchema: TableColumn[] = [
	{ prop: "name", label: "名称" },
	{ prop: "typeLabel", label: "类型" },
	{ prop: "nums", label: "数量" },
  	{ prop: "image", label: "logo" ,type:'image'},

	{ prop: "price", label: "单价" ,type:'price'},
	{ prop: "rules", label: "收费规则" },
	{ prop: "computeMode", label: "计算方式" }
];
const baseSchema: TableColumn[] = [...base];
 defineProps({
  data:  {
      type: String,
      required: true
    }
})

</script>

<style  scoped lang="scss" >

</style>
